<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <div id="container" style="width: 600px;height:400px;"></div>

  <script src="../04-ECharts5/libs/echarts-5.3.3.js"></script>
  <script src="../04-ECharts5/04-Echarts地图/geojson/china_geojson.js"></script>
  <script>
    window.onload = function () {
      // 基于准备好的dom，初始化echarts实例myChart.setOption(option)之前调用
      var myChart = echarts.init(document.getElementById('container'));

      // 注册一下中国地图的geoJSON，需要在调用
      echarts.registerMap('中国', {geoJSON: china_geojson})

      // 指定图表的配置项和数据
      var option = {
        // 在geo地理坐标组件中展示中国地图

        // 方式一
        // geo: {
        //   map: '中国'
        // },

        // 方式二
        tooltip: {},
        series: [{
          type: 'map',
          map: '中国',
          name: '中国地图',
          data: [{ name: '广东', value: '999' }]
        }]
      };

      // 使用刚指定的配置项和数据显示图表。
      myChart.setOption(option);
    }
  </script>
</body>

</html>